<template>
  <div>
    <!-- 轮播图 -->
    <carouselfigure/>
    <threecolumn/>
    <!-- 图片展示区 -->
    <banner/>
  </div>
</template>

<script>
import CarouselFigure from './CarouselFigure';
import ThreeColumn from './ThreeColumn';
import Banner from "./Banner";
//在export default中进行初始化
export default {
  name: 'home',
  //注册组件，组件名称用小写，注册前须引入作为组件的vue实例
  components: {
    carouselfigure:CarouselFigure,
    threecolumn:ThreeColumn,
    banner:Banner
  },
  data () {
    return {
      obj:{
        img_show_wrap:[
          {
            name: '运动对于生活的意义',
            src:'http://dimg04.c-ctrip.com/images/700o0e00000078jfz723E_1920_340_17.jpg'
          }, 
          {
            name: '我们的运动方式',
            src:'http://dimg04.c-ctrip.com/images/700l0f0000007964365FB_1920_340_17.jpg'
          }, 
          {
            name: '我们要达到什么样的效果',
            src:'http://dimg04.c-ctrip.com/images/700k09000000487lo2636_1920_340_17.jpg'
          }, 
          {
            name: '我们在做什么',
            src:'http://dimg04.c-ctrip.com/images/700p0e00000072uoeA5EF_1920_340_17.jpg'
          }
        ]
      }
      
    }
  }
}


</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style scoped>

</style>
